<template>
  <div class="minetype">
    <van-swipe indicator-color="orange">
      <van-swipe-item>
        <ul>
          <li>
            <div class="iconfont icon-hongbao"></div>
            <p>限时秒杀</p>
          </li>
          <li>
            <div class="iconfont icon-youhuiquan"></div>
            <p>免费领券</p>
          </li>
          <li>
            <div class="iconfont icon-fapiao"></div>
            <p>大牌免单</p>
          </li>
          <li>
            <div class="iconfont icon-caogaoxiang"></div>
            <p>草稿箱</p>
          </li>
          <li>
            <div class="iconfont icon-kefu"></div>
            <p>联系客服</p>
          </li>
          <li>
            <div class="iconfont icon-pingjuchaxun"></div>
            <p>贡献商户信息</p>
          </li>
          <li>
            <div class="iconfont icon-a-shenpanchuizi"></div>
            <p>大众评审</p>
          </li>
          <li>
            <div class="iconfont icon-dui"></div>
            <p>官方认证</p>
          </li>
        </ul>
      </van-swipe-item>
      <van-swipe-item>
        <ul>
          <li>
            <div class="iconfont icon-fapiao"></div>
            <p>发票助手</p>
          </li>
          <li>
            <div class="iconfont icon-gongyi"></div>
            <p>美团公益</p>
          </li>
          <li>
            <div class="iconfont icon-chengxin"></div>
            <p>诚信分</p>
          </li>
          <li>
            <div class="iconfont icon-icon_xinyong_xianxing_jijin-"></div>
            <p>合作/招聘</p>
          </li>
          <li>
            <div class="iconfont icon-qi"></div>
            <p>企业服务</p>
          </li>
          <li>
            <div class="iconfont icon-dianpu"></div>
            <p>我的店铺</p>
          </li>
        </ul>
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.minetype {
  margin-top: 2.667vw;
  width: 100%;
  height: 42.667vw;
  background-color: #fff;
  border-radius: 1.333vw;
  ::v-deep .van-swipe__indicators {
    bottom: 0;
  }
  ::v-deep .van-swipe-item {
    width: 100%;
    height: 100%;
    padding-bottom: 2.667vw;
    ul {
      display: flex;
      //   justify-content: space-between;
      flex-wrap: wrap;
      li {
        width: 23.467vw;
        height: 18.667vw;
        box-sizing: border-box;
        padding-top: 5.333vw;
        color: #6e6e6e;
        text-align: center;
        .iconfont {
          font-size: 5.333vw;
        }
        p {
          padding-top: 2.667vw;
          font-size: 3.2vw;
        }
      }
    }
  }
}
</style>